<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!-- 1.引入bootstrap css库文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrapValidator.css"/>
    <link rel="stylesheet" href="css/header.css"/>
    <link rel="stylesheet" href="css/footer.css"/>
    <link rel="stylesheet" href="css/make-new-heat.css"/>
    <!-- 2.引入自己编写的css文件 -->
    <title>Document</title>
    <!-- cc:ie + tab键 生成ie hack,用于ie的兼容处理 -->
    <!--[if lt IE 9]>
    <script src="js/html5.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<script src="js/header.js"></script>
<div class="container">
    <!--导航清单-->
    <h1 class="text-center">体验报告</h1>
    <!--内容部分-->
    <div class="row text-center">
        <!--导航-最新  /   导航-最热-->
        <ul class="nav" id="new">
            <li class="col-md-2 col-sm-4 col-xs-6"><a href="report-new.html">最新</a></li>
            <li class="col-md-2 col-sm-4 col-xs-6 report-heat"><a href="report-heat.html">最热</a></li>
        </ul>
    </div>
</div>
<div class="bg-default">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="col-md-12 box">
                    <img src="img/bg8.jpg"/>
                    <div class="col-md-12">
                        <h4>空气净化器里面学问多得惊呆你，你选对了吗？</h4>
                        <p>
                            <i class="photo"></i>
                            <a href="#"><span style="color: red;">苏苏</span></a>
                            <span>2016-01-25</span>
                            <span class="pull-right comment"><a href="#"><i></i>3</a></span>
                            <span class="pull-right thumb"><a href="#"><i></i>3</a></span>
                        </p>
                    </div>
                </div>
                <div class="col-md-12 box box">
                    <img src="img/bg7.jpg"/>
                    <div class="col-md-12">
                        <h4>云马智行车 C1小巧清新，简洁流畅的线条为城市骑行增添一抹亮丽色彩</h4>
                        <p>
                            <i class="photo"></i>
                            <a href="#"><span style="color: red;">苏苏</span></a>
                            <span>2016-01-25</span>
                            <span class="pull-right comment"><a href="#"><i></i>3</a></span>
                            <span class="pull-right thumb"><a href="#"><i></i>3</a></span>
                        </p>
                    </div>
                </div>
                <div class="col-md-12 box box">
                    <img src="img/bg6.jpg"/>
                    <div class="col-md-12">
                        <h4>怎么骑都不会累的智能自行车：云马 C1试骑体验</h4>
                        <p>
                            <i class="photo"></i>
                            <a href="#"><span style="color: red;">苏苏</span></a>
                            <span>2016-01-25</span>
                            <span class="pull-right comment"><a href="#"><i></i>3</a></span>
                            <span class="pull-right thumb"><a href="#"><i></i>3</a></span>
                        </p>
                    </div>
                </div>
                <div class="col-md-12 box box">
                    <img src="img/bg4.jpg"/>
                    <div class="col-md-12">
                        <h4>声音不是最优秀，但它形音完美的结合，足够打动人心</h4>
                        <p>
                            <i class="photo"></i>
                            <a href="#"><span style="color: red;">苏苏</span></a>
                            <span>2016-01-25</span>
                            <span class="pull-right comment"><a href="#"><i></i>3</a></span>
                            <span class="pull-right thumb"><a href="#"><i></i>3</a></span>
                        </p>
                    </div>
                </div>
                <div class="col-md-12 box box">
                    <img src="img/bg5.jpg"/>
                    <div class="col-md-12">
                        <h4>内在与颜值并重，MO 智能体质分析仪解开你的身体密码</h4>
                        <p>
                            <i class="photo"></i>
                            <a href="#"><span style="color: red;">苏苏</span></a>
                            <span>2016-01-25</span>
                            <span class="pull-right comment"><a href="#"><i></i>3</a></span>
                            <span class="pull-right thumb"><a href="#"><i></i>3</a></span>
                        </p>
                    </div>
                </div>
                <div class="col-md-12">
                        <span id="Load" class="text-center">
                        <a href="#"><i></i><span>点击加载更多</span></a>
                    </span>
                </div>
            </div>
            <div class="col-md-4 box-right">
                <div class="col-md-12">
                    <h4>极果体验师</h4>
                    <img src="img/tiyanImg.jpg" width="100%">
                    <p><strong>福利</strong>第一时间体验新品，大众试用优先通过，还有定向邀请试用，新品玩到手软！</p>
                    <p><strong>要求</strong>是某个领域的大神级玩家，在社交网络或圈子里有大影响力，善写作会拍摄。</p>
                    <p><strong>申请</strong>1. 关注极果公众号：jguojguo <br/>（或扫描下方二维码）<br/>2. 在公众号内回复：体验师</p>
                </div>
                <div class="col-md-12">
                    <h4>关注我们</h4>
                    <img src="img/myCode.jpg" width="100%">
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/footer.js"></script>
<!-- 3.引入jQuery库文件 : 1.9.0+ -->
<script src="js/jquery.min.js"></script>
<!-- 4.引入bootstrap 的jquery插件库 -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrapValidator.min.js"></script>
<script></script>
</body>
</html>